<template>
  <div>
    <h1>Sign Up</h1>
    <form>
      <input type="text" placeholder="Name" v-model="name" />
      <input type="email" placeholder="Email" v-model="email" />
      <input type="password" placeholder="Password" v-model="password" />
      <button type="button" @click="signUp">Sign Up</button>
    </form>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const name = ref('')
const email = ref('')
const password = ref('')


const signUp = () => {
  console.log(name.value, email.value, password.value)
}

</script>

<style scoped></style>